<template>
    <div class="tool-box">
        <!-- <div class="title">编排节点</div>
        <hr> -->
        <template v-for="(item,index) in this.itemMeta" >
            <div class="graph-item" :objData="JSON.stringify(item)" :key="index">
                <img :src="item.icon" style="width: 55px; height: 45px">
                <div style="font-size: 14px;">{{item.label}}</div>
            </div>
            <div style="height: 32px" :key="index + 99" />
        </template>
    </div>
</template>
<script>
import itemMeta from '@/graph/item-box-config.js'
export default {
    data(){
        return {
            itemMeta: itemMeta
        }
    },

    mounted(){

    }
}
</script>
<style scoped lang="less">
.tool-box {
    padding: 8px 16px;
   .title {
       font-size: 15px;
       font-weight: bold;
       color: #ffffff;
   }
   .graph-item {
       text-align: center;
       cursor: move;
       //width: 70px;
       height: 50px;
       color: #ffffff;
   }
}
</style>